@charset "utf-8";

.slider .item {
	width: 100%;
	height: 832px
}

.mainNav .current a {
	color: #0a367a
}

.ser-box {
	position: relative;
	width: 100%;
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s;
	opacity: 0
}

.ser-box p.fname {
	position: absolute;
	bottom: 30px;
	color: #fff;
	left: 30px;
	font-size: 20px;
	font-weight: normal
}

.ser-box img {
	width: 100%
}

.ser-box .mask {
	position: absolute;
	width: 0;
	overflow: hidden;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	z-index: 9;
	color: #fff;
	padding: 0;
	display: none
}

.ser-box .ser-info {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: -100%;
	padding: 30px;
	overflow: hidden
}

.ser-box:hover .mask {
	width: 100%;
	padding: 20px;
	display: block;
	text-align: left
}

.ser-box:hover .ser-info {
	left: 0
}

.ser-box:hover .ser-info b {
	font-size: 24px;
	display: block;
	margin-bottom: 0;
	padding: 0;
	font-weight: normal
}

.ser-box:hover .ser-info p {
	line-height: 24px;
	font-size: 14px;
	padding: 0;
	margin: 0;
	font-weight: normal
}

.ser-box:hover p.fname {
	display: none
}

.index-service.show .ser-box {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1
}

.ser-half {
	margin-top: 18px
}

.indexNew {
	height: 650px;
	margin-top: 10em;
	margin-bottom: 10em
}

.indexNew .newBox {
	position: relative;
	height: 100%
}

.indexNew .newBox .date {
	float: left;
	width: 155px;
	height: 100%;
	text-align: center;
	color: #474747;
	position: relative;
	z-index: 100;
	line-height: 1.5;
	background: url(../images/bg1a.png) center -155px no-repeat;
	transform: scale(1, 0);
	-webkit-transform: scale(1, 0);
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s
}

.xmVideoBox {
	position: relative
}

.xmVideo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, 0);
	min-width: 100%;
	min-height: 100%;
	z-index: 2
}

.xmImgBox {
	position: relative;
	background: url(../images/videoimg.jpg) repeat
}

.xmImgBox .imgFull {
	width: 100%;
	position: absolute
}

.xmImgBox .imgFull img {
	width: 100%;
	height: 100%
}

.xmImgBox .xmimg {
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(0, 0);
	min-width: 100%;
	min-height: 100%;
	z-index: 1
}

.index-xm {
	text-align: center;
	z-index: 3;
	position: relative
}

.index-xm .col-xs-4 {
	position: relative
}

.index-xm .index-xm-box {
	margin-top: 10px;
	margin-bottom: 10px
}

.index-xm .index-xm-list {
	opacity: 0;
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transition: transform 1s ease-out 0s, opacity .5s ease-out 0s;
	-webkit-transition: transform 1s ease-out 0s, opacity .5s ease-out 0s
}

.index-xm .index-xm-list a {
	width: 220px;
	height: 220px;
	display: inline-block;
	line-height: 220px;
	border-radius: 50%;
	background: rgba(179, 179, 179, 0.25);
	overflow: hidden;
	transition: all .4s ease 0s;
	position: relative
}

.index-xm .index-xm-list a:hover {
	background: #0a367a
}

.index-xm.show .index-xm-list {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1
}

.indexNew.show .newBox .date {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1)
}

.indexNew .newBox .date .d1 {
	margin-top: 110px;
	font-size: 80px;
	display: block;
	color: #0a367a
}

.indexNew .newBox .date .d2 {
	margin-top: 30px;
	font-size: 80px;
	display: block;
	color: #0a367a
}

.indexNew .newBox .date .d3 {
	position: absolute;
	width: 100%;
	left: 0;
	text-align: center;
	top: 90px;
	font-size: 16px;
	line-height: 20px
}

.indexNew .newBox .date .more {
	position: absolute;
	left: 0;
	top: 460px;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 12px;
	color: #474747
}

.indexNew .newBox .index-new-list {
	position: absolute;
	padding-left: 226px;
	top: 120px;
	opacity: 0;
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s;
	transform: translateX(100px);
	-webkit-transform: translateX(100px)
}

.indexNew.show .newBox .index-new-list {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1;
	width: 100%
}

.indexNew .newBox .index-new-list .div {
	height: 220px
}

.indexNew .newBox .index-new-list .div h3 {
	font-size: 18px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.indexNew .newBox .index-new-list .div p {
	font-size: 14px;
	color: #666;
	padding-right: 50px;
	margin-top: 20px;
	height: 4em;
	overflow: hidden
}

.indexNew .newBox .index-new-list .div a.more {
	margin-top: 30px;
	font-size: 14px;
	color: #666;
	display: block;
	width: 210px;
	height: 36px;
	border-bottom: 1px solid #ccc;
	background: url(../images/line2.png) -113px bottom no-repeat;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s
}

.indexNew .newBox .index-new-list .div a.more span {
	background: url(../images/icon_more1.png) right center no-repeat;
	padding-right: 20px;
	background-clip: border-box
}

.indexNew .newBox .index-new-list .div a.more:hover {
	background: url(../images/line2.png) 0 bottom no-repeat
}

.indexNew .newBox .index-new-list .div a.more:hover span {
	background: url(../images/icon_more2.png) right center no-repeat;
	padding-right: 25px
}

.index-xm {
	padding: 7em 6em 10em 6em
}

.index-xm-app {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	margin-left: 0;
	margin-right: 0
}

.index-xm-app a {
	display: inline-block;
	width: 90px;
	height: 90px;
	background: rgba(29, 80, 162, 0.3);
	text-align: center;
	line-height: 90px;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px
}

.index-xm-app a:hover {
	background: rgba(29, 80, 162, 0.8)
}

.index-xm-app a img {
	width: 80%
}

.index-xm-app a.a2 {
	background: rgba(60, 150, 236, 0.2)
}

.index-xm-app a.a2:hover {
	background: rgba(60, 150, 236, 0.8)
}

.index-xm-app a.a3 {
	background: rgba(66, 132, 218, 0.2)
}

.index-xm-app a.a3:hover {
	background: rgba(66, 132, 218, 0.8)
}

.index-xm-app a.a4 {
	background: rgba(0, 160, 233, 0.2)
}

.index-xm-app a.a4:hover {
	background: rgba(0, 160, 233, 0.8)
}

.index-xm-app a.a5 {
	background: rgba(26, 203, 109, 0.2)
}

.index-xm-app a.a5:hover {
	background: rgba(26, 203, 109, 0.8)
}

.index-xm-app a.a6 {
	background: rgba(0, 183, 238, 0.2)
}

.index-xm-app a.a6:hover {
	background: rgba(0, 183, 238, 0.8)
}

.index-xm-app a.a7 {
	background: rgba(75, 125, 187, 0.3)
}

.index-xm-app a.a7:hover {
	background: rgba(75, 125, 187, 0.8)
}

.index-xm-app a.a8 {
	background: rgba(255, 241, 0, 0.2)
}

.index-xm-app a.a8:hover {
	background: rgba(255, 241, 0, 0.8)
}

.index-xm-list {
	position: relative;
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 20px 0 20px 0
}

.index-xm-list img {
	max-width: 100%
}

.index-xm-list .masks {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	opacity: 0;
	display: none;
	text-align: center
}

.index-xm-list .masks img {
	vertical-align: middle;
	max-height: 60%
}

.index-xm-list:hover .masks {
	opacity: 1;
	display: block;
	border-bottom: 5px solid #0a367a
}

.index-xm-list h3 {
	position: absolute;
	bottom: -50px;
	text-align: center;
	display: block;
	height: 50px;
	line-height: 50px;
	width: 100%;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s
}

.index-kehu {
	background: #f1f1f1;
	background-size: cover;
	position: relative;
	color: #474747;
	padding-top: 80px;
	padding-bottom: 80px
}

.index-kehu .pic {
	width: 55%;
	float: left;
	padding-left: 50px
}

.index-kehu .pic img {
	max-width: 100%
}

.index-kehu-info {
	float: left;
	margin-left: 100px;
	padding-top: 80px;
	width: 30%;
	opacity: 0
}

.index-kehu-info h2 {
	font-size: 1.75em
}

.index-kehu-info span.s {
	display: inline-block;
	width: 50px;
	height: 2px;
	background: #b8b8b8
}

.index-kehu-info .kehu-num {
	margin-top: 2em
}

.index-kehu-info .kehu-num div {
	width: 50%;
	float: left
}

.index-kehu-info .kehu-num div b {
	font-size: 5.25em;
	font-weight: normal
}

.index-kehu-info .kehu-num div b span {
	font-size: 30px;
	margin-left: 5px;
	font-weight: bold
}

.index-kehu-info .kehu-num div b:hover {
	color: #0a367a
}

.index-kehu-info .kehu-num div p {
	text-indent: 30px;
	padding: 0;
	margin: 0
}

.index-kehu-info .kehu-content {
	margin-top: 2em;
	line-height: 2.2;
	color: #707070
}

.index-kh .index-kehu-info {
	opacity: 0;
	perspective: 500px;
	transform: translate(100px, 0) rotateY(-50deg);
	-webkit-transform: translate(100px, 0) rotateY(-50deg);
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transition: all 1s ease-out .3s;
	-webkit-transition: all 1s ease-out .3s
}

.index-kh.show .index-kehu-info {
	transform: translate(0, 0) rotateY(0deg);
	-webkit-transform: translate(0, 0) rotateY(0deg);
	opacity: 1
}

.mTitle {
	padding-top: 80px;
	padding-bottom: 30px;
	font-size: 24px;
	text-align: center
}

#mapDiv {
	width: 100%;
	height: 600px
}

.contact-box {
	padding-top: 80px;
	padding-bottom: 50px;
	background: #fff
}

.contact-box h2 {
	font-size: 18px
}

.contact-box .contact-info p {
	margin-bottom: 10px
}

.contact-box .contact-info p.ctel {
	position: relative
}

.contact-box .contact-info p.ctel span {
	display: inline-block;
	position: absolute;
	left: 100px;
	top: 0
}

.contact-box .contact-tel {
	margin-top: 80px
}

.contact-box .contact-tel li {
	width: 50%;
	float: left;
	margin-bottom: 30px
}

.contact-box .contact-tel li div {
	width: 180px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	padding-bottom: 5px
}

.contact-box .contact-tel li p {
	font-size: 16px;
	font-family: "century gothic"
}

.contact-box .contact-tel li span {
	display: inline-block;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	border-bottom: 2px solid #fff;
	width: 0;
	height: 0;
	margin-left: 0;
	position: absolute;
	bottom: 0
}

.contact-box .contact-tel li:hover span {
	border-bottom: 2px solid #0a367a;
	width: 140px
}

.lx-links {
	position: relative;
	width: 50%;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px
}

.lx-links p i {
	display: inline-block;
	float: right;
	line-height: 40px;
	font-size: 12px
}

.lx-links .link-list {
	position: absolute;
	top: 38px;
	display: none;
	left: 0;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	background: #fff;
	line-height: 25px;
	z-index: 999
}

.lx-links .link-list a {
	display: block;
	padding: 0 10px
}

.lx-links .link-list a:hover {
	background: #0a367a;
	color: #fff
}

.lx-links .lx-link-over:hover .link-list {
	display: block
}

.news-nav {
	text-align: right
}

.news-nav a {
	font-size: 14px;
	margin-left: 25px
}

.list-page {
	padding: 30px 0;
	text-align: center
}

.list-page a {
	height: 30px;
	width: 20px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	color: #707070;
	vertical-align: middle;
	margin: 0 3px
}

.list-page a:hover {
	color: #0a367a
}

.list-page a.cur {
	color: #0a367a
}

.news {
	padding: 100px 0 0
}

.news-title1 {
	font-size: 24px
}

.news-title1 p {
	margin-top: 20px
}

.news .news-list {
	margin-top: 60px;
	border-top: 1px solid #bbb
}

.news .news-list .news-item {
	position: relative;
	border-bottom: 1px solid #bbb
}

.news .news-list .news-item .date {
	color: #474747;
	font-size: 20px;
	position: absolute;
	left: 10px;
	top: 50px
}

.news .news-list .news-item .news-info {
	padding-left: 280px
}

.news .news-list .news-item .news-info .news-xw {
	padding: 50px 0 50px 345px;
	position: relative;
	height: 380px;
	border-top: 1px solid #d5d5d5
}

.news .news-list .news-item .news-info .news-xw:first-child {
	border: none
}

.news .news-list .news-item .news-info .news-xw .img {
	position: absolute;
	left: 0;
	top: 50px;
	width: 280px;
	height: 280px;
	overflow: hidden
}

.news .news-list .news-item .news-info .news-xw .img img {
	width: 240px;
	height: 180px
}

.news .news-list .news-item .news-info .news-xw h3 a {
	font-size: 18px
}

.news .news-list .news-item .news-info .news-xw p {
	font-size: 14px;
	line-height: 150%;
	margin-top: 30px;
	color: #707070
}

.news .news-list .news-item .news-info .news-xw .more {
	margin-top: 30px;
	font-size: 14px;
	color: #474747;
	position: absolute;
	left: 345px;
	bottom: -1px;
	width: 210px;
	height: 46px;
	background: url(../images/line4.png) -211px bottom no-repeat;
	z-index: 1;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s
}

.news .news-list .news-item .news-info .news-xw .more span {
	background: url(../images/icon_more1.png) right center no-repeat;
	padding-right: 20px;
	background-clip: border-box
}

.news .news-list .news-item .news-info .news-xw .more:hover {
	background: url(../images/line4.png) 0 bottom no-repeat
}

.news .news-list .news-item .news-info .news-xw .more:hover span {
	background: url(../images/icon_more2.png) right center no-repeat;
	padding-right: 25px
}

.news-content {
	margin-top: 60px;
	padding-left: 25px;
	padding-right: 25px
}

.news-content p {
	margin-bottom: 26px;
	line-height: 1.8
}

.news-content img {
	max-width: 100%;
	height: auto
}

.related-news {
	margin-top: 100px
}

.related-news h2 {
	font-size: 24px;
	text-align: center
}

.forwordImg {
	overflow: hidden
}

.forwordImg img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease
}

.forwordImg:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease
}

.related-list {
	margin-top: 50px;
	color: #707070;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px
}

.related-list h2 {
	font-size: 16px;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	color: #474747
}

.related-list p.date {
	margin-top: 10px;
	margin-bottom: 20px
}

.related-list p {
	max-height: 45px;
	overflow: hidden
}

.related-list p.m {
	margin-top: 30px;
	border-bottom: 1px solid #d5d5d5;
	width: 200px;
	padding-bottom: 5px
}

.related-list p.m a {
	color: #707070;
	padding-bottom: 3px;
	display: block
}

.related-list p.m a i {
	font-size: 14px
}

.related-list p.m a:hover {
	color: #0a367a
}

.related-list p.m span {
	display: inline-block;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	border-bottom: 2px solid #fff;
	width: 0;
	height: 0;
	margin-left: 0;
	position: absolute;
	bottom: 0
}

.related-list p.m:hover span {
	border-bottom: 2px solid #0a367a;
	width: 140px
}

.ys-box h1 {
	opacity: 0;
	transition: all 1.5s ease-out 0s;
	-webkit-transition: all 1.5s ease-out 0s
}

.ys-box .youshi1 img {
	width: 100%
}

.ys-box .youshi1 .text {
	margin: 0 auto;
	width: 65%;
	text-align: center;
	opacity: 0;
	transition: all 1.5s ease-out 0s;
	-webkit-transition: all 1.5s ease-out 0s;
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px)
}

.ys-box .youshi1 .text p {
	margin-bottom: 0
}

.ys-box .youshi1 .img {
	margin-top: 50px;
	opacity: 0;
	transition: all 1.5s ease-out 0s;
	-webkit-transition: all 1.5s ease-out 0s;
	transform: translateX(100px);
	-webkit-transform: translateX(100px)
}

.ys-box .youshi1.show .text {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1
}

.ys-box .youshi1.show .img {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1
}

.ys-box.showH h1 {
	opacity: 1
}

.youshi2 {
	margin-top: 100px
}

.youshi2 img {
	max-width: 100%
}

.youshi2 h2 {
	font-size: 24px;
	margin-bottom: 30px
}

.youshi2 .youshi-liucheng {
	padding-bottom: 50px
}

.youshi2 .youshi-liucheng li {
	margin-bottom: 5px
}

.youshi2 .youshi-liucheng li p {
	color: #707070;
	margin-left: 18px;
	margin-top: 5px;
	font-size: 14px
}

.youshi2 p.line {
	border-bottom: 1px solid #d5d5d5;
	padding: 0;
	margin: 0;
	height: 1px;
	width: 90%
}

.youshi2 p.line span {
	display: block;
	border-bottom: 1px solid #0a367a;
	width: 200px;
	height: 1;
	overflow: hidden
}

.youshi2 .l {
	opacity: 0;
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s;
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px)
}

.youshi2 .r {
	opacity: 0;
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s;
	transform: translateX(100px);
	-webkit-transform: translateX(100px)
}

.youshi2.show .l {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0)
}

.youshi2.show .r {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0)
}

.ys-item {
	margin-top: 80px
}

.ys-item .ys-item-info {
	margin-top: 20px;
	background: #f5f5f5;
	padding-bottom: 30px;
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	transition: all .8s ease-out 0s;
	-webkit-transition: all .8s ease-out 0s
}

.ys-item .ys-item-info img {
	width: 100%
}

.ys-item .ys-item-info b,
.ys-item .ys-item-info p {
	padding: 0 20px;
	color: #707070;
	display: block;
	font-weight: normal
}

.ys-item .ys-item-info p {
	height: 80px;
	overflow: hidden
}

.ys-item .ys-item-info b {
	font-size: 20px;
	color: #474747;
	margin-top: 15px;
	margin-bottom: 15px
}

.ys-item.show .ys-item-info {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1
}

.ys-haoping .m {
	margin-top: 80px;
	opacity: 0;
	transition: all 1.5s ease-out 0s;
	-webkit-transition: all 1.5s ease-out 0s;
	transform: translateX(100px);
	-webkit-transform: translateX(100px)
}

.ys-haoping .ys-hp-list {
	padding-left: 100px;
	padding-right: 100px;
	margin-top: 50px;
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	transition: all .8s ease-out 0s;
	-webkit-transition: all .8s ease-out 0s
}

.ys-haoping.show .text {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1
}

.ys-haoping.show .m {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1
}

.ys-haoping.show .ys-hp-list {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1
}

.we-youshi {
	margin: 30px 70px 0 70px
}

.we-youshi div {
	margin-top: 2em;
	border: 1px solid #ddd;
	padding: 6em 3em 2em 3em;
	text-align: left
}

.we-youshi div p {
	height: 5.5em;
	overflow: hidden
}

.we-youshi div span {
	display: block;
	font-size: 70px;
	font-weight: 100;
	font-style: italic;
	font-family: "Century Gothic"
}

.we-youshi div:hover {
	-webkit-box-shadow: 0 0 15px #cacdf9;
	-moz-box-shadow: 0 0 15px #cacdf9;
	box-shadow: 0 0 15px #cacdf9;
	color: #0a367a
}

.yxl-nav {
	text-align: center;
	margin-bottom: 40px
}

.yxl-nav li {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px
}

.yxl-nav li.current a {
	color: #0a367a
}

.yxl-nav span {
	margin-left: 10px
}

.yxl-item li {
	margin-top: 10px;
	margin-bottom: 10px
}

.yxl-item div {
	background: #f5f5f5
}

.yxl-item div img {
	width: 100%
}

.yxl-item div p.pic {
	padding: 0;
	height: 180px;
	overflow: hidden
}

.yxl-item div p {
	height: 100px;
	padding: 10px 15px;
	overflow: hidden
}

.yw-xmt,
.ys-haoping {
	margin-top: 100px
}

.yw-xmt .text,
.ys-haoping .text {
	text-align: center
}

.yw-xmt .text h2,
.ys-haoping .text h2 {
	font-size: 24px;
	margin-bottom: 30px
}

.yw-slide {
	background: url(../images/ywbanner.jpg) center center no-repeat;
	height: 640px;
	background-size: cover;
	position: relative
}

.yw-slide .text {
	color: #fff;
	padding-left: 25%;
	padding-right: 25%;
	text-align: center;
	padding-top: 220px;
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s
}

.yw-slide .text b {
	font-size: 30px;
	font-weight: normal;
	display: block;
	margin-bottom: 15px
}

.yw-slide.show .text {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1
}

.yw-slide p.ke span {
	margin-left: 20px;
	margin-right: 20px;
	display: inline-block
}

.yw-cyyj-list {
	margin-top: 20px;
	position: relative
}

.yw-cyyj-list img {
	width: 100%
}

.yw-cyyj-list div {
	position: absolute;
	bottom: 0;
	top: 50%;
	width: 100%;
	z-index: 9;
	background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9));
	text-align: center;
	color: #fff
}

.yw-cyyj-list div p {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
	padding: 20px 0 10px 0;
	bottom: 0;
	text-align: center;
	z-index: 10
}

.yw-cyyj-list div p a {
	color: #fff;
	display: block;
	height: 50px;
	line-height: 50px
}

.yw-cyyj-list div:hover {
	background-image: -webkit-linear-gradient(to bottom, rgba(10, 54, 122, 0), rgba(10, 54, 122, 0.5), rgba(10, 54, 122, 0.7), #0a367a);
	background-image: linear-gradient(to bottom, rgba(10, 54, 122, 0), rgba(10, 54, 122, 0.5), rgba(10, 54, 122, 0.7), #0a367a)
}

.yw-dsj-list {
	width: 100%;
	background: url(../images/yw-dsjbg.jpg) center center;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 20px
}

.yw-dsj-list li {
	margin-bottom: 10px
}

.yw-dsj-list li p.pic {
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: 1em
}

.yw-dsj-list li p.pic img {
	width: 100%
}

.yw-dsj-list li p.txt {
	margin-top: 1em
}

.yw-dsj-list li p.txt a {
	color: #fff;
	display: block;
	text-align: center
}

.yw-dsj-list li:hover p.pic {
	border: 1px solid #fff
}

.yw-box {
	padding: 50px 0 50px 0;
	margin: 0 auto
}

.yw-box .ys-nr {
	overflow: hidden
}

.yw-box .d {
	float: left;
	position: relative;
	opacity: 0;
	transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transition: transform 1s ease-out 0s, opacity .5s ease-out 0s;
	-webkit-transition: transform 1s ease-out 0s, opacity .5s ease-out 0s
}

.yw-box.show .d {
	transform: translateX(0);
	-webkit-transform: translateX(0);
	opacity: 1
}

.yw-box.show .d a {
	display: block
}

.yw-box .d .pic {
	overflow: hidden;
	padding-bottom: 50px
}

.yw-box .d .pic img {
	width: 100%
}

.yw-box .d .mask {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s
}

.yw-box .d .mask img {
	max-width: 60%;
	margin: 0 auto;
	border-radius: 5px
}

.yw-box .d h3 {
	text-align: center;
	font-size: 16px;
	color: #333;
	line-height: 50px;
	padding-top: 4px;
	background: url(../images/line1.png) -345px 0 no-repeat;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s
}

.yw-box .d:hover h3 {
	background-position: 0 0
}

.yw-box .d:hover .mask {
	opacity: 1
}

.yw-scroll .yw-box {
	position: relative
}

.yw-scroll img {
	width: 100%;
	height: auto;
	opacity: 0;
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.yw-scroll.show img {
	opacity: 1
}

.yw-scroll .text {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 220px;
	width: 860px;
	margin: -110px 0 0 -430px;
	text-align: center;
	color: #fff;
	line-height: 180%;
	opacity: 0;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s
}

.yw-scroll.show .text {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1
}

.yw-scroll .text h3 {
	font-size: 24px;
	color: #fff
}

.yw-scroll .text p {
	margin: 40px 0
}

.yw-scroll .more {
	background: url(../image/arrow6.png) right center no-repeat;
	padding-right: 25px;
	margin-top: 30px
}

.yw-scroll .more:hover {
	color: #fff
}

.yw-scroll .books {
	padding-top: 50px
}

.yw-scroll .arrow {
	height: 30px;
	text-align: center;
	margin-top: 20px;
	color: #707070
}

.yw-scroll .arrow a {
	color: #707070
}

.yw-scroll .arrow a:hover {
	color: #0a367a
}

.yw-scroll .arrow .prev {
	display: inline-block;
	width: 20px;
	height: 30px;
	margin-right: 50px
}

.yw-scroll .arrow .prev:hover {
	background-position: left bottom
}

.yw-scroll .arrow .next {
	display: inline-block;
	width: 20px;
	height: 30px
}

.yw-scroll .arrow .next:hover {
	background-position: right bottom
}

.yw-yy-box h2 {
	margin-bottom: 50px
}

.yw-yy-list {
	padding: 0;
	position: relative
}

.yw-yy-list img {
	width: 100%
}

.yw-yy-list div {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 9
}

.yw-yy-list div:hover {
	background: rgba(10, 54, 122, 0.7)
}

.yw-yy-list p {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin-top: -20px
}

.yw-yy-list p b {
	display: inline-block;
	border: 1px solid #fff;
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	font-weight: normal
}

.xmt-list {
	margin-top: 50px
}

.xmt-list .xmt-end {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	text-align: center
}

.xmt-list .xmt-end a {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	font-size: 16px;
	margin-top: -12px;
	text-align: center;
	color: #6d6d6d
}

.xmt-list .xmt-end:hover {
	background: rgba(10, 54, 122, 0.9)
}

.xmt-list .xmt-end:hover a {
	color: #fff
}

.xmt-list .xmt-s {
	position: relative;
	margin-bottom: 30px;
	cursor: pointer;
	height: auto;
	opacity: 0;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.xmt-list .xmt-s img {
	width: 100%
}

.xmt-list .xmt-s .xmt-name {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	left: 0;
	color: #fff;
	text-align: center;
	font-weight: normal
}

.xmt-list .xmt-s .xmt-name p {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center
}

.xmt-list .xmt-s .xmt-link {
	display: none;
	color: #fff;
	line-height: 100%;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 45%;
	font-size: 18px
}

.xmt-list .xmt-s a.wx {
	position: absolute;
	display: none;
	top: 50%;
	margin-top: -50px;
	left: 0;
	text-align: center;
	width: 100%;
	height: 100%
}

.xmt-list .xmt-s a.wx img {
	display: block;
	margin: 0 auto;
	width: 100px
}

.xmt-list .xmt-s:hover p {
	display: none
}

.xmt-list .xmt-s:hover .xmt-name {
	background: rgba(10, 54, 122, 0.9)
}

.xmt-list .xmt-s:hover a.xmt-link {
	display: block
}

.xmt-list.now .xmt-s {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1)
}

.imgFull img {
	max-width: 100%
}

.yw-cyyj-box {
	opacity: 0;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.yw-cyyj-box.now {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1)
}

.yw-report {
	padding-top: 50px;
	position: relative
}

.yw-report .mTitle {
	margin-bottom: 30px
}

.yw-report .carousel-control.right,
.yw-report .carousel-control.left {
	background: none
}

.yw-report .item p.p {
	position: absolute;
	bottom: 0;
	left: 15px;
	width: 40%;
	height: 50px;
	border-top: 1px solid #d5d5d5;
	padding-top: 20px
}

.yw-report .item p.p span {
	display: inline-block;
	font-size: 24px
}

.yw-report .carousel-indicators {
	left: 30px;
	bottom: 80px
}

.yw-report .carousel-indicators li {
	border: 1px solid #e2e2e2;
	border-radius: 0;
	margin: 0
}

.yw-report .carousel-indicators li.active {
	background: #0a367a;
	width: 10x;
	height: 10px;
	border-color: #0a367a
}

.yw-report .carousel-indicators .active {
	width: 10px
}

.yw-report {
	margin-bottom: 100px
}

.yw-report .text h3 {
	font-size: 24px;
	margin-bottom: 20px
}

.yw-report .text {
	position: absolute;
	left: 15px;
	width: 100%;
	top: 0;
	z-index: 1
}

.yw-report .text p {
	color: #707070;
	line-height: 26px;
	margin-top: 26px
}

.nc-repeat {
	margin-top: 180px
}

.nc-repeat .item {
	padding-left: 80px;
	padding-right: 80px
}

.nc-repeat .nc-repeat-list {
	box-shadow: 0 0 10px #ddd;
	position: relative;
	overflow: hidden;
	transition: transform .8s ease-out 0s, opacity .8s ease-out 0s;
	-webkit-transition: transform .8s ease-out 0s, opacity .8s ease-out 0s;
	transform: scale(1);
	-webkit-transform: scale(1)
}

.nc-repeat .nc-repeat-list p {
	position: absolute;
	opacity: 0;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: center;
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.nc-repeat .nc-repeat-list img {
	width: 100%
}

.nc-repeat .nc-repeat-list:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1)
}

.nc-repeat .nc-repeat-list:hover p {
	bottom: 0;
	opacity: 1
}

.nc-repeat .carousel-control.right,
.nc-repeat .carousel-control.left {
	background: none
}

.nc-repeat .carousel-control {
	width: 5%;
	text-shadow: none;
	color: #666;
	font-size: 12px;
	top: 48%
}

.nc-repeat .carousel-inner {
	overflow: inherit
}

.carousel-control.right,
.carousel-control.left {
	background: none
}

.about-slide {
	width: 100%;
	height: 740px
}

.about-slide .item {
	height: 740px;
	background-size: cover
}

.about-slide .item .text {
	margin: 0 auto;
	position: absolute;
	top: 50%;
	margin-top: -100px;
	text-align: center;
	width: 100%;
	color: #f4f4f4
}

.about-slide .item .text h2 {
	font-size: 36px;
	margin-bottom: 10px;
	font-weight: 200
}

.about-slide .item .text h3 {
	font-size: 18px
}

.about-slide .carousel-control {
	bottom: 30%;
	top: auto;
	bottom: 40%;
	font-size: 12px;
	color: #eee
}

.about-slide .carousel-control.left {
	left: 48%;
	width: 10px
}

.about-slide .carousel-control.right {
	right: 48%;
	width: 10px
}

.about-licheng .tabs {
	text-align: center;
	margin-top: 30px
}

.about-licheng .tabs a {
	display: inline-block;
	width: 150px;
	height: 35px;
	line-height: 33px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 14px;
	color: #474747;
	margin: 0 8px
}

.about-licheng .div {
	margin-top: 50px
}

.about-licheng .div .bar {
	float: left;
	width: 157px;
	height: 650px;
	background: url(../images/bg_time.png) center center no-repeat;
	position: relative;
	text-align: center
}

.about-licheng .div .bar i {
	font-style: normal;
	color: #0a367a
}

.about-licheng .div .bar .prev {
	width: 39px;
	height: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -19px
}

.about-licheng .div .bar .next {
	width: 39px;
	height: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 64px 0 0 -19px
}

.about-licheng .div .bar .y1 {
	position: absolute;
	width: 100%;
	font-size: 14px;
	color: #474747;
	left: 0;
	top: 0
}

.about-licheng .div .bar .y2 {
	position: absolute;
	width: 100%;
	font-size: 60px;
	color: #474747;
	left: 0;
	top: 50%;
	margin-top: -30px;
	height: 60px;
	line-height: 65px;
	overflow: hidden
}

.about-licheng .div .bar .y2 i {
	width: 100%;
	height: 100%;
	display: block
}

.about-licheng .div .bar .y3 {
	position: absolute;
	width: 100%;
	font-size: 14px;
	color: #474747;
	left: 0;
	bottom: 0
}

.about-licheng .div .list {
	float: right;
	width: 995px;
	height: 650px;
	overflow: hidden;
	position: relative
}

.about-licheng .div .list .child {
	width: 100%;
	height: 100%;
	padding-right: 20px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	display: none;
	pointer-events: none;
	animation: a1 .5s ease-out 0s 1 both;
	-webkit-animation: a1 .5s ease-out 0s 1 both
}

.about-licheng .div .list .child.now {
	animation: a2 .5s ease-out 0s 1 both;
	-webkit-animation: a2 .5s ease-out 0s 1 both;
	display: block;
	pointer-events: auto;
	opacity: 1\9
}

.about-why {
	opacity: 0;
	transition: all .2s ease-out .2s;
	-webkit-transition: all .2s ease-out .2s
}

.about-why .pic img {
	width: 100%
}

.about-why b {
	font-size: 24px;
	font-weight: normal;
	display: block;
	margin-top: 50px;
	margin-bottom: 100px
}

.about-why p {
	color: #707070
}

.about-why-box {
	margin-top: 80px
}

.about-why-box.show .about-why {
	opacity: 1
}

@-webkit-keyframes a1 {
	0% {
		-webkit-transform: scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1.1);
		opacity: 0
	}
}

@keyframes a1 {
	0% {
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(1.1);
		opacity: 0
	}
}

@-webkit-keyframes a2 {
	0% {
		-webkit-transform: scale(.9);
		opacity: 0
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 1
	}
}

@keyframes a2 {
	0% {
		transform: scale(.9);
		opacity: 0
	}

	100% {
		transform: scale(1);
		opacity: 1
	}
}

.about-licheng .div .list .item {
	padding: 30px 0 30px 265px;
	position: relative;
	height: 325px;
	border-bottom: 1px solid #ccc
}

.about-licheng .div .list .item:first-child {
	border-top: 1px solid #ccc;
	height: 325px
}

.about-licheng .div .list .item .pic {
	position: absolute;
	left: 0;
	top: 30px;
	height: 100%;
	width: 244px;
	overflow: hidden
}

.about-licheng .div .list .item .pic img {
	width: 240px;
	height: auto;
	border: 2px solid #ddd
}

.about-licheng .div .list .item .date {
	position: absolute;
	right: 0;
	top: 30px;
	font-size: 14px;
	font-family: AvianRegular;
	line-height: 100%;
	color: #474747
}

.about-licheng .div .list .item h3 {
	font-size: 16px;
	color: #474747;
	margin-bottom: 15px
}

.about-licheng .div .list .item span {
	font-size: 14px;
	color: #707070
}

.about-licheng .div .list .item p {
	font-size: 16px;
	line-height: 160%;
	margin-top: 10px
}

.about-licheng .div .list .item2 {
	padding: 30px 160px 30px 0;
	position: relative;
	border-bottom: 1px solid #ccc
}

.about-licheng .div .list .item2:first-child {
	border-top: 1px solid #ccc
}

.about-licheng .div .list .item2 .date {
	position: absolute;
	right: 0;
	top: 30px;
	font-size: 14px;
	font-family: AvianRegular;
	line-height: 100%;
	color: #474747
}

.about-licheng .div .list .item2 .more {
	position: absolute;
	right: 0;
	bottom: 30px;
	font-size: 14px;
	line-height: 100%;
	color: #474747;
	background: url(../images/arrow4.png) right top no-repeat;
	padding-right: 20px;
	height: 14px;
	line-height: 14px
}

.about-licheng .div .list .item2 .more b {
	display: none
}

.about-licheng .div .list .item2 .more.act {
	background-position: right bottom
}

.about-licheng .div .list .item2 .more.act b {
	display: inline
}

.about-licheng .div .list .item2 .more.act i {
	display: none
}

.about-licheng .div .list .item2 h3 {
	font-size: 16px;
	color: #474747;
	margin-bottom: 15px
}

.about-licheng .div .list .item2 .text {
	margin-top: 40px;
	font-size: 14px;
	line-height: 160%;
	overflow: hidden;
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-box {
	position: relative;
	margin-top: 80px;
	padding: 0
}

.about-box .about-img {
	margin-bottom: 20px;
	opacity: 0;
	text-align: right;
	transition: all .5s ease-out .3s;
	-webkit-transition: all .5s ease-out .3s
}

.about-box .about-img img {
	max-width: 100%
}

.about-box .about-info {
	opacity: 0;
	transform: translateY(50px);
	-webkit-transform: translateY(50px)
}

.about-box .about-info h2 {
	font-size: 24px;
	margin-bottom: 20px
}

.about-box .about-info p.c {
	color: #707070;
	font-size: 16px;
	margin-bottom: 20px
}

.about-box .about-info p {
	margin-bottom: 15px;
	line-height: 24px
}

.about-box .about-info p b {
	font-weight: normal;
	color: #0a367a
}

.about-box.show .about-info {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1
}

.about-box.show .about-img {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	opacity: 1
}

.about-ywly {
	margin-bottom: 20px;
	margin-top: 20px
}

.about-ywly h3 {
	font-size: 16px;
	margin-bottom: 15px
}

.about-ywly h3 i {
	margin-right: 5px
}

.about-ywly li {
	display: inline-block;
	margin-right: 10px
}

.about-ywly li a {
	color: #707070;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	border: 1px dotted #ddd;
	margin-bottom: 10px;
	display: block
}

.about-ywly li a:hover {
	border: 1px solid #c22d0c;
	color: #c22d0c
}

.about-jg {
	text-align: center
}

.about-jg h2 {
	opacity: 0;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-jg div {
	opacity: 0;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-jg img {
	max-width: 100%
}

.about-jg.show h2 {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1
}

.about-jg.show div {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1
}

.about-team,
.ys-box {
	padding: 0 0
}

.about-team h2 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 0;
	opacity: 0;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-team .text {
	opacity: 0;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-team.show h2,
.about-team.show .text {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1
}

.about-team p {
	font-size: 14px;
	text-align: center;
	width: 800px;
	margin: auto;
	opacity: 0;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-team.show p {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1
}

.about-team .focus {
	position: relative;
	overflow: hidden
}

.about-team .nav {
	position: absolute;
	left: 40%;
	bottom: 0;
	font-size: 16px
}

.about-team .nav i {
	font-style: normal
}

.about-team .nav .prev {
	margin-right: 15px
}

.about-team .nav .next {
	margin-left: 15px
}

.about-team .nav a {
	color: #707070
}

.about-team .nav a:hover {
	color: #0a367a
}

.about-team .child img {
	width: 100%
}

.about-team .child .d,
.ys-zhiz .child .d {
	float: left;
	margin-bottom: 10px;
	opacity: 0;
	padding: 10px;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-team .child .d img,
.ys-zhiz .child .d img {
	width: 100%
}

.ys-zhiz {
	position: relative
}

.ys-zhiz .child .d {
	text-align: center
}

.ys-zhiz .child .d img {
	width: auto;
	max-width: 100%
}

.about-team .child .d .c,
.ys-zhiz .child .d .c {
	position: relative;
	overflow: hidden
}

.about-team .child .d .mask {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-team .child .d:hover .mask {
	opacity: 1
}

.about-team .child .d .mask h3 {
	padding: 0 50px;
	color: #fff;
	font-size: 18px;
	padding-top: 20px
}

.about-team .child .d .mask h4 {
	padding: 0 50px;
	margin-top: 10px;
	color: #fff;
	font-size: 14px
}

.about-team .child .d4 {
	margin-left: 25%
}

.about-team .child .d5 {
	margin-right: 25%
}

.about-team .child .d6 {
	margin-left: 0
}

.about-team .child .d7 {
	margin-left: 25%
}

.ys-zhiz .fnum {
	position: absolute;
	bottom: 0;
	right: 40%;
	font-size: 16px
}

.ys-zhiz .fnum i {
	font-style: normal
}

.about-team .child.now .d,
.ys-zhiz .child.now .d {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1
}

.about-team .about-td-list {
	opacity: 0;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-team.show .about-td-list {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1
}

.about-honor {
	padding: 80px 0
}

.about-honor h2 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
	opacity: 0;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-honor.show h2 {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1
}

.about-honor p {
	font-size: 14px;
	text-align: center;
	width: 800px;
	margin: auto;
	opacity: 0;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-honor.show p {
	transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1
}

.about-honor .about-zzry {
	opacity: 0;
	margin-top: 0;
	transition: all 1s ease-out .5s;
	-webkit-transition: all 1s ease-out .5s
}

.about-honor.show .about-zzry {
	opacity: 1
}

.about-honor {
	overflow: hidden
}

.about-honor .child {
	width: 100% x;
	text-align: center
}

.about-honor .child:first-child {
	margin-left: 0
}

.about-honor .child .pic {
	border: 1px solid #eee;
	overflow: hidden;
	position: relative;
	background: #fff;
	padding: 15px
}

.about-honor .child .pic img {
	max-width: 100%
}

.about-honor .child .pic:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: url(../images/line5.png) left top no-repeat;
	transition: all .5s ease-out 0s;
	-webkit-transition: all .5s ease-out 0s
}

.about-honor .child .pic:hover:after {
	width: 100%;
	height: 100%
}

.about-honor .child h3 {
	font-size: 14px;
	margin-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
	color: #707070
}

.about-honor .child h4 {
	font-size: 14px;
	margin-top: 10px
}

.about-honor .arrow {
	height: 30px;
	text-align: center;
	margin-top: 50px
}

.about-honor .arrow a {
	color: #999
}

.about-honor .arrow a:hover {
	color: #0a367a
}

.about-honor .arrow .prev {
	display: inline-block;
	width: 20px;
	height: 30px;
	margin-right: 50px;
	color: #999
}

.about-honor .arrow .prev:hover {
	background-position: left bottom
}

.about-honor .arrow .next {
	display: inline-block;
	width: 20px;
	height: 30px;
	color: #999
}

.about-honor .arrow .next:hover {
	background-position: right bottom
}

.about-honor h2 {
	margin-bottom: 0
}

.job-ll li {
	opacity: 0;
	transition: all 1s ease-out 0s;
	-webkit-transition: all 1s ease-out 0s
}

.job-ll li img {
	width: 100%
}

.job-ll li p {
	width: 100%;
	background: #f8f8f8;
	padding: 30px 20px;
	text-align: center;
	color: #707070;
	margin-top: 20px
}

.job-ll li p b {
	display: block;
	font-size: 18px;
	font-weight: normal;
	color: #474747
}

.job-ll li:nth-child(1) {
	transform: translateX(-100px);
	-webkit-transform: translateX(-100px)
}

.job-ll li:nth-child(2) {
	transform: translateY(100px);
	-webkit-transform: translateY(100px)
}

.job-ll li:nth-child(3) {
	transform: translateX(100px);
	-webkit-transform: translateX(100px)
}

.job-ll .job-ll-fz p {
	margin-top: 0;
	margin-bottom: 20px
}

.job-ll.show li {
	opacity: 1;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	ransform: translateY(0);
	-webkit-transform: translateY(0)
}

.job-team .text p {
	text-indent: 2em
}

.job-team .num {
	text-align: center;
	margin-top: 30px
}

.job-team .num li {
	text-align: center;
	display: inline-block;
	padding: 0 30px;
	color: #707070
}

.job-team .num b {
	font-size: 85px;
	display: block;
	font-weight: normal;
	line-height: 100%;
	color: #474747
}

.job-zw-list ul {
	height: 60px;
	width: 100%;
	line-height: 60px;
	border-bottom: 1px solid #d5d5d5;
	color: #707070
}

.job-zw-list ul.t {
	height: 50px;
	line-height: 50px
}

.job-zw-list ul a {
	color: #707070;
	display: none
}

.job-zw-list ul li:last-child {
	text-align: right;
	padding-right: 15px
}

.job-zw-list li {
	width: 10%;
	float: left;
	padding-left: 20px
}

.job-zw-list li.t2 {
	width: 25%
}

.job-zw-list li.t3,
.job-zw-list li.t4 {
	width: 20%
}

.job-zw-list li.t5 {
	width: 15%
}

.job-zw-list ul.t {
	background: #0a367a;
	color: #fff
}

.job-zw-list ul:hover {
	border-bottom: 2px solid #0a367a
}

.job-zw-list ul:hover a {
	display: block
}

.job-shadow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(177, 177, 177, 0.4);
	display: none;
	z-index: 998
}

.job-layer {
	position: fixed;
	display: none;
	top: 50%;
	width: 700px;
	left: 50%;
	margin-left: -350px;
	padding: 40px 60px;
	background: #fff;
	z-index: 999;
	font-weight: normal
}

.job-layer h3 {
	font-size: 18px
}

.job-layer .job-content {
	font-size: 14px
}

.job-layer .job-content b {
	display: block;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 15px
}

.job-layer .job-content p {
	padding-left: 100px;
	color: #707070
}

.job-layer .job-content p.m {
	margin-top: 20px
}

.job-layer .close-job {
	display: inline-block;
	font-size: 30px;
	position: absolute;
	right: 0;
	top: 0;
	font-weight: 100;
	padding: 5px 10px;
	cursor: pointer;
	font-family: "宋体";
	color: #707070
}

.tz-banner img {
	width: 100%
}

.tz-left {
	border-top: 1px solid #d5d5d5
}

.tz-left li {
	border-bottom: 1px solid #d5d5d5;
	height: 50px;
	line-height: 50px
}

.tz-left li a {
	display: block
}

.tz-left li.cur a {
	color: #0a367a
}

.tx-right {
	border-top: 1px solid #d5d5d5
}

.tx-right li {
	padding: 30px 15px;
	position: relative;
	padding-left: 250px;
	border-bottom: 1px solid #d5d5d5
}

.tx-right li span,
.tx-right li p {
	display: inline-block
}

.tx-right li .tximg,
.tx-right li span {
	position: absolute;
	left: 15px;
	font-size: 18px;
	top: 30px
}

.tx-right li .tximg img,
.tx-right li span img {
	width: 150px
}

.tx-right li .info a {
	font-size: 18px
}

.tx-right li .info a.m {
	font-size: 14px;
	display: block;
	margin-top: 50px;
	color: #707070
}

.tx-right li .info a.m:hover {
	color: #0a367a
}

.tx-right li p {
	font-size: 14px;
	color: #707070;
	margin-top: 20px
}

.tx-tel {
	border-bottom: 1px solid #d5d5d5;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 200px
}

.tx-tel p {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px
}

.fw-banner {
	background: url(../images/fwbanner.jpg) center center no-repeat;
	background-size: cover;
	height: 640px;
	margin-left: 55px;
	margin-right: 55px;
	position: relative
}

.fw-banner .text {
	position: absolute;
	top: 50%;
	margin-top: -100px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #fff;
	text-shadow: #000 1px 2px 0
}

.fw-banner .text p {
	font-size: 24px
}

.fw-banner .text h3 {
	font-size: 44px;
	font-weight: bold
}

.fw-box {
	margin-top: 50px
}

.fw-box .fw-dh {
	margin-bottom: 50px;
	text-align: center
}

.fw-box .fw-dh li {
	display: inline-block;
	cursor: pointer;
	padding: 0 20px;
	text-align: center
}

.fw-box .fw-dh li.cur {
	font-size: 24px
}

.fw-box .fw-item li {
	display: none
}

.fw-box .fw-item li .pic img {
	width: 100%
}

.fw-box .fw-item li .text {
	margin-top: 50px;
	position: relative
}

.fw-box .fw-item li .text p {
	width: 60%;
	line-height: 26px;
	color: #707070
}

.fw-box .fw-item li .text a.more {
	position: absolute;
	right: 10px;
	top: 0;
	color: #707070
}

.fw-box .fw-item li .text a.more:hover {
	color: #0a367a
}

.rollSlide {
	margin-top: 50px;
	position: relative;
	padding-left: 20px;
	padding-right: 20px
}

.rollSlide-yw {
	margin-top: 50px;
	position: relative;
	padding-left: 0;
	padding-right: 0
}

.roll-wrap:hover .control {
	display: block
}

.roll-wrap {
	position: relative;
	width: 100%;
	overflow: hidden
}

.roll_row .roll__list::before,
.roll_row .roll__list::after {
	content: "";
	display: table;
	line-height: 0
}

.roll_row .roll__list::after {
	clear: both
}

.roll_row .roll__list {
	width: 99999px
}

.roll_row .roll__list li {
	float: left;
	display: block;
	height: auto;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
	color: #fff
}

.roll_row .roll__list li img {
	width: 100%;
	display: block
}

.control {
	position: absolute;
	top: 30px;
	display: block;
	font-weight: bold;
	text-decoration: none
}

.control.pre {
	left: 0;
	display: block;
	top: 45%
}

.control.next {
	right: 0;
	top: 45%
}

.index-service,
.about-zzry {
	margin-bottom: 50px
}

.index-service .rollSlide,
.about-zzry .rollSlide {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0
}

.index-service .rollSlide .control,
.about-zzry .rollSlide .control {
	top: 105%
}

.index-service .rollSlide .control.pre,
.about-zzry .rollSlide .control.pre {
	left: 46%
}

.index-service .rollSlide .control.next,
.about-zzry .rollSlide .control.next {
	right: 46%
}

.index-service .rollSlide .roll-wrap,
.about-zzry .rollSlide .roll-wrap {
	display: block
}

.index-service {
	margin-bottom: 0
}

.index-service .rollSlide {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0
}

.index-service .rollSlide .control {
	top: 50%;
	font-size: 20px;
	z-index: 100
}

.index-service .rollSlide .control.pre {
	left: 0;
	margin-top: -10px
}

.index-service .rollSlide .control.next {
	right: 0;
	margin-top: -10px
}

.index-service .rollSlide .roll-wrap {
	display: block
}

.yw-box {
	margin-bottom: 50px
}

.yw-box .rollSlide-yw {
	margin-left: 0;
	margin-right: 0;
	margin-top: 0
}

.yw-box .rollSlide-yw .control {
	top: 105%
}

.yw-box .rollSlide-yw .control.pre {
	left: 46%
}

.yw-box .rollSlide-yw .control.next {
	right: 46%
}

.yw-box .rollSlide-yw .roll-wrap {
	display: block
}

.about-zzry .rollSlide {
	padding-left: 0;
	padding-right: 0
}

.about-zzry .rollSlide .roll-wrap {
	display: block
}

.about-zzry h3 {
	height: 60px
}

.neicang,
.our-hd {
	margin: 50px
}

.news-mtlist {
	margin-top: 50px;
	margin-bottom: -30px
}

.news-mtlist p {
	text-align: center;
	height: 50px;
	overflow: hidden;
	margin-top: 5px
}

.mediaMore {
	text-align: center;
	margin-top: 80px
}

.about-td-list img {
	max-width: 100%
}

.mediaMore a:hover {
	background: #0a367a;
	color: #fff
}

.mediaMore a {
	display: inline-block;
	padding: 10px 100px;
	background: #f3f8ff;
	border-radius: 5px;
	color: #2f6eb6
}

.ys-pztxt {
	background: url(../images/ys-pz2.jpg);
	background-size: cover;
	padding: 30px 40px;
	margin-left: -8.5%;
	color: #fff;
	margin-top: 100px
}

.ys-pztxt li {
	margin-top: 10px;
	margin-bottom: 10px
}

.ys-pztxt p {
	color: #808080;
	font-size: 14px
}

.search-layer {
	position: absolute;
	top: 90px;
	background: rgba(255, 255, 255, 0.9);
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none
}

.search-layer .search-form {
	width: 400px;
	height: 60px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -120px;
	margin-left: -200px;
	border-bottom: 1px solid #999
}

.search-layer .search-form .kwinput {
	border: 0;
	height: 30px;
	line-height: 30px;
	background: none;
	width: 300px;
	float: left;
	border-right: 1px solid #999
}

.search-layer .search-form .sub {
	border: 0;
	background: none;
	width: 99px;
	text-align: right;
	float: left;
	line-height: 30px;
	cursor: pointer
}

.cfbox{
	margin-left: -20px;
	margin-right: -20px;
}
.yxlList{
	margin-bottom: 30px;
}
.yxlList img{
	padding: 0;
	border: 0;
	width: 294px;
	height: 188px;
	object-fit: cover;
}
.yxlList .pic{
	display: block;
	width: 294px;
	height: 188px;
	overflow: hidden;
}
.yxlList .pic img{
	transition: all .3s;
}
.yxlList .pic:hover img{
	transform: scale(1.1);
}
.yxlList p{
	font-size: 15px;
	line-height: 1.5;
	height: 42px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.cfbox .col-4 {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
}
.mediaMore {
	text-align: center;
	margin-top: 40px;
}

.mediaMore a {
	display: inline-block;
	padding: 10px 100px;
	background: #f3f8ff;
	border-radius: 5px;
	color: #2f6eb6
}

.mediaMore a:hover {
	background: #2f6eb6;
	color: #fff
}